<template>
  <div>
    <UploadExcel :on-success="handleSuccess"></UploadExcel>
    <!-- 导入 -->
    <!-- 这个组件是用来做用工批量单凹入,用户点击三牛上传excel,把excel里面数据解析发请求给后端,批量注册用户
    步骤:
    1. 这个是一个全局组件,首先在src\components 里面定义全局组件
    2. 在组件中,创建一个按钮和文件选择框,点击按钮,触发文件选择行为
    3. 在选择文件后,触发change事件,在change事件当中获取文件对象
    4. 调用第三方模块xlsx,解析数据,获得数据处理的表头和结果
    5. props传递解析成功的回调函数,将表头和结果传递
     -->
  </div>
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  name: '',
  components: {},
  props: {
  },
  data() {
    return {

    }
  },
  created() { },
  mounted() { },
  methods: {
    async handleSuccess({ results }) {
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      const data = results.map(t => {
        const item = {}
        for (const k in t) {
          item[userRelations[k]] = t[k]
        }
        return item
      })
      await importEmployee(data)
      this.$message.success('操作成功')
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
